<template>
  <div class="app-register">
    <div class="register-wrap">
      <h4 class="register-title">欢迎注册</h4>

      <div class="panel panel-success">
        <div class="panel-body register-panel">
          <div class="row">
            <div class="col-sm-8">
              <div class="register-form">
                <register-main></register-main>
              </div>
            </div>

            <div class="col-sm-4 visible-sm-block visible-md-block visible-lg-block">
              <div class="register-advert">
                <div style="margin-bottom: 50px">
                  <small class="text-muted">
                    已有账号？
                    <router-link to="/login">立即登录</router-link>
                  </small>
                </div>

                <p class="text-muted">管理农场信用，伴您一路成长！</p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import RegisterMain from '@/nd/components/RegisterMain'
export default {
  components: {
    RegisterMain,
  },

  props: {},

  data() {
    return {}
  },

  computed: {},

  watch: {},

  created() {},

  mounted() {},

  methods: {},
}
</script>

<style scoped>
.app-register {
  padding-bottom: 20px;
  background-color: #f6f6f6;
}

.register-wrap {
  margin: 0 auto;
  padding: 30px 15px;
  max-width: 750px;
}

.register-title {
  margin: 20px 0;
  padding-left: 15px;
  color: #999;
  border-left: 3px solid #eee;
}

.register-panel {
  background-color: #eee;
  padding: 0;
  border-radius: 4px;
}

.register-form {
  background-color: #fff;
  border-radius: 4px 0 0 4px;
  padding: 10px;
  min-height: 500px;
}

.register-advert {
  padding: 2em 30px 2em 0;
  text-align: center;
}
</style>
